/* eslint-disable jsx-a11y/no-static-element-interactions */
/* eslint-disable jsx-a11y/click-events-have-key-events */
import React from 'react';

import './index.css';
import SIT from './img/开发测试环境（SIT）.png';
import UAT from './img/验证测试环境（UAT）.png';

class Index extends React.PureComponent {
  render() {
    return (
      <div className="index">
        <div className="leftTitle">欢迎您，赵希！</div>
        <div className="index_content">
          <div className="left">
            <div className="itemTitle flex">开发测试环境（SIT）</div>
            <div className="flex itemNumber">
              <div className="block" />
              <div style={{ marginLeft: "9px" }}>系统数量</div>
              <div style={{ marginLeft: "36px" }}>3</div>
            </div>
            <div className="flex" style={{ marginTop: "90px" }}>
              <div className="flex button" onClick={() => window.changeView('/sitList')}>进入</div>
            </div>
          </div>
          <div className="right">
            <div className="itemTitle flex">验证测试环境（UAT）</div>
            <div className="flex itemNumber">
              <div className="block" style={{ backgroundColor: "#2c6cff" }} />
              <div style={{ marginLeft: "9px" }}>系统数量</div>
              <div style={{ marginLeft: "36px" }}>3</div>
            </div>
            <div className="flex" style={{ marginTop: "90px" }}>
              <div className="flex button" style={{ backgroundImage: "linear-gradient(180deg,#3c8cff 0%,#036aff 100%)" }}>进入</div>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

export default Index;
